.x-uploadImage {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    .x-uploadImage-item {
        box-sizing: border-box;
    }

    .x-uploadImage-img {
        border: 1px solid #666666;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

        :global {
            .x-icon-close-circle {
                color: rgba(253, 61, 20, 1);
                position: absolute;
                font-size: 40px;
                right: -16px;
                top: -19px;
            }
        }
    }

    .x-uploadImage-add {
        border: 1px dashed #666666;
        position: relative;

        &::before {
            content: "+";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 80px;
            color: rgb(184, 184, 184);
            padding-bottom: 10px;
        }

        .x-uploadImage-input {
            width: 100%;
            height: 100%;
            opacity: 0;
            left: 0;
            top: 0;
            position: absolute;
        }
    }

    .x-flex-rownum-1 {
        width: 100%;
        padding-bottom: 100%;
        margin-top: 4%;
    }

    .x-flex-rownum-2 {
        width: 48%;
        padding-bottom: 48%;
        margin-top: 4%;
    }

    .x-flex-rownum-3 {
        width: 30%;
        padding-bottom: 30%;
        margin-top: 3.3%;
    }

    .x-flex-rownum-4 {
        width: 23%;
        padding-bottom: 23%;
        margin-top: 2.6%;
    }

    .x-flex-rownum-5 {
        width: 19%;
        padding-bottom: 19%;
        margin-top: 1.25%;
    }

    .x-flex-rownum-6 {
        width: 16%;
        padding-bottom: 16%;
        margin-top: 0.8%;
    }
}